<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>
<%@ taglib prefix ="html" uri = "/WEB-INF/struts-html.tld"%>
<%@ taglib prefix="bean" uri="/WEB-INF/struts-bean.tld" %>
<%@ taglib prefix="logic" uri="/WEB-INF/struts-logic.tld" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="familytree.persistencia.pojos.Usuario" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title><bean:message key="welcome.title" /> </title>
        <link rel="stylesheet" type="text/css" href="resources/estilos/estilo.css">
            <link rel="shortcut icon" href="resources/imagenes/favicon.ico" type="image/vnd.microsoft.icon" />
        <script type="text/javascript" src="resources/javascript/javascript.js"></script>
    </head>
    <body onload="document.getElementsByName('madre.sexo')[1].checked = true;">
        <c:choose>
            <c:when test="${!iniciadaAlta}">
                <%@ include file="Redireccion.jsp" %>
            </c:when>
        </c:choose>
        <%@ include file="cabecera.jsp" %>
        <%@ include file="MensajesErrorValidacion.jsp" %>
        <html:form action="bienvenida.do">
            <c:choose>
                <c:when test="${bandera}">
                    <font color="red">Esta familia ya existe</font>
                </c:when>
            </c:choose>
            <table style="margin:10px auto;">
                <tr>
                    <td colspan="4" align="center">
                        <c:choose>
                            <c:when test='${sexoUsuario == "Femenino"}'>
                                <bean:message key="titulo.bienvenida"/>.
                            </c:when>
                            <c:otherwise>
                                <bean:message key="titulo.bienvenido"/>.
                            </c:otherwise>
                        </c:choose>
                          <bean:message key="indicaciones.primerArbol"/>
                    </td>
                </tr>
                
               
               
                <tr>
                    <td colspan="2" class="text">
                        <bean:message key="indicaciones.nombreFamiliar" />
                    </td>
                    <td colspan="2">
                        <html:text property="arbol.nombreArbol" styleClass="textBox" />
                    </td>
                    
                </tr>
            </table>
            
            <table style="margin:1px auto;" >
                <tr>
                    <td style="padding-right:60px;">
                        <table style="width: 300px; border: 1px solid #deae0a; " class="text">
                            <tr>
                                <td colspan="2" align="center" style="font-weight:bold">
                                    <bean:message key="subtitulo.miPadre"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.nombre"/>
                                </td>
                                <td>
                                    <html:text property="padre.nombre" styleClass="textBox" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.primerApellido"/>
                                </td>
                                <td>
                                    <html:text property="padre.primerApellido" styleClass="textBox" onchange="copiarText(this,'primerApellido');" />                                    
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.segundoApellido"/>
                                </td>
                                <td>
                                    <html:text property="padre.segundoApellido" styleClass="textBox"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.sexo"/>
                                </td>
                                <td>
                                    <html:radio property="padre.sexo" value="Masculino" ><bean:message key="formulario.masculino"/></html:radio>
                                    <html:radio property="padre.sexo" value="Femenino"><bean:message key="formulario.femenino"/></html:radio>
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                
                    <td>
                       <table style="width: 300px; border: 1px solid #deae0a" class="text">
                            <tr>
                                <td colspan="2" align="center" style="font-weight:bold">
                                    <bean:message key="subtitulo.miMadre"/>
                                </td>
                            </tr>
                             <tr>
                                <td>
                                    <bean:message key="formulario.nombre"/>
                                </td>
                                <td>
                                    <html:text property="madre.nombre" styleClass="textBox"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.primerApellido"/>
                                </td>
                                <td>                                     
                                    <html:text property="madre.primerApellido" onchange="copiarText(this,'segundoApellido');" styleClass="textBox"/>                                    
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.segundoApellido"/>
                                </td>
                                <td>
                                    <html:text property="madre.segundoApellido" styleClass="textBox"    />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.sexo"/>
                                </td>
                                <td>
                                     
                                    <html:radio property="madre.sexo" value="Masculino" ><bean:message key="formulario.masculino"/></html:radio>
                                    <html:radio property="madre.sexo" value="Femenino"  ><bean:message key="formulario.femenino"/></html:radio>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center" style = "padding-top:10px;">
                         <table style="width: 350px; border: 1px solid #deae0a" class="text">
                            <tr>
                                <td colspan="2" align="center"  style="font-weight:bold">
                                    <bean:message key="subtitulo.yo"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.nombre"/>
                                </td>
                                <td>
                                    <html:text property="nodo.nombre" styleClass="textBox" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.primerApellido"/>
                                </td>
                                <td>
                                    <html:text property="nodo.primerApellido" styleId="primerApellido" styleClass="textBox" />                                    
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.segundoApellido"/>
                                </td>
                                <td>
                                    <html:text property="nodo.segundoApellido" styleClass="textBox" styleId="segundoApellido"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <bean:message key="formulario.sexo"/>
                                </td>
                                <td>
                                    <html:radio property="nodo.sexo" value="Masculino" ><bean:message key="formulario.masculino"/></html:radio>
                                    <html:radio property="nodo.sexo" value="Femenino"><bean:message key="formulario.femenino"/></html:radio>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <html:submit property="" styleClass="botonsinpulsar">Enviar</html:submit>
                    </td>
                </tr>
            </table>
            
        </html:form>
        <%@ include file="pie.jsp" %>
    </body>
</html>
